<template>
  <div class="w-full h-full flex flex-col gap-2 items-center justify-center">
    <n-avatar round :size="100" :src="ObjectInfo.avatar" />
    <div class="flex flex-col justify-center items-center text-base text-center gap-2 text-white">
      <p class="text-[18px]">{{ ObjectInfo.name }}</p>
      <p class="text-center text-sm">{{ tipText }}</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { NAvatar } from "naive-ui";
let tipText = defineModel("tipText");

interface IInfo {
  name: string;
  avatar: string;
}
withDefaults(
  defineProps<{
    ObjectInfo: IInfo;
  }>(),
  {},
);
</script>

<style lang="scss" scoped></style>
